<template>
	<view>
		<u-gap height="2" bgColor="#F6F8FC"></u-gap>
		<u--form :model="model" :rules="rules" ref="uForm">
			<view class="panel">
				<u-form-item label="头像" required prop="avter" labelWidth="100" borderBottom>
					<image class="panelImage" src="/static/images/doctor-logo.png" mode=""></image>
					<view slot="right">
						<view class="iconfont icon-youjiantouright">
						</view>
					</view>
				</u-form-item>
				<u-form-item label="名称" required prop="name" labelWidth="100" borderBottom>
					<u--input v-model="model.name" border='none' placeholder="请输入名称"></u--input>
				</u-form-item>
				<u-form-item label="地区" prop="address" labelWidth="100">
					<u--input v-model="model.address" placeholder="请选择" border="none"></u--input>
					<view slot="right">
						<view class="iconfont icon-youjiantouright">
						</view>
					</view>
				</u-form-item>
			</view>
			<u-gap height="8" bgColor="#F6F8FC"></u-gap>
			<view class="panel2">
				<text class="panTitle">简介</text>
				<u--textarea border='none' height='192' v-model="model.introduction" placeholder="个人介绍" maxlength="500"
					count></u--textarea>
			</view>
			<u-gap height="8" bgColor="#F6F8FC"></u-gap>
			<view class="panel2">
				<text class="panTitle">优势</text>
				<u--textarea border='none' height='192' v-model="model.advantage" placeholder="个人优势" maxlength="500"
					count></u--textarea>
			</view>
		</u--form>
		<view class="commonBtn">
			<view class="btnCon">
				<text>保存</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				model: {
					avter: "",
					name: "曹晴朗",
					address: "",
					introduction: '',
					advantage: '',
				},
				rules: {

				},
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.panel {
		background-color: #fff;

		.panelImage {
			width: 64rpx;
			height: 64rpx;
			border-radius: 44rpx;
		}
	}

	.panel2 {
		position: relative;
		background-color: #fff;

		.panTitle {
			height: 96rpx;
			background: rgba(255, 255, 255, 1);
			border-bottom: 1rpx solid rgba(245, 245, 245, 1);
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 0rpx 24rpx;
			font-size: 28rpx;
			font-weight: 500;
			line-height: 40rpx;
			color: rgba(51, 51, 51, 1);
			margin-bottom: 24rpx;
		}
	}

	.u-form-item__body {
		padding: 0 24rpx;
	}

	::v-deep .u-form-item__body {
		padding: 0 24rpx;
		height: 96rpx;
		border-bottom: 1rpx solid rgba(245, 245, 245, 1);
	}

	.u-form-item__body__left__content__required {
		left: -42rpx;
	}

	::v-deep .u-form-item__body__left__content__required {
		left: 68rpx;
	}
</style>